<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery Mobile-Webanwendung</title>
<link href="../src/js/jquery/jqueryMobile/jquery.mobile.theme-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="../src/js/jquery/jqueryMobile/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="../src/css/index_mobile.css" rel="stylesheet" type="text/css"/>
<script src="../src/js/jquery/main/jquery-1.10.2.js" type="text/javascript"></script>
<script src="../src/js/jquery/jqueryMobile/jquery.mobile-1.3.2.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page" id="hinzufuegen" data-add-back-btn="true" data-back-btn-text="Back">
	<div data-role="header">
		<h1>Hinzufügen</h1>
	</div>
	<div data-role="content">
    	<div data-role="fieldcontain">
    	  <div class="ui-grid-a">
    	    <div class="ui-block-a form_padding">
    	        <label for="flipswitch">Privat:</label>
    	    </div>
    	    <div class="ui-block-b form_padding">
            	<select name="flipswitch" id="flipswitch" data-role="slider">
    	          <option value="off">Aus</option>
    	          <option value="on">Ein</option>
  	          	</select>
            </div>
    	    <div class="ui-block-a form_padding">
    	        <label for="textinput">Gefahrene Kilometer:</label>
    	    </div>
    	    <div class="ui-block-b form_padding">
    	        <input type="text" name="textinput" id="kmgereist" value=""  />
            </div>
    	    <div class="ui-block-a form_padding">
    	        <label for="textinput">Abfahrtsort:</label>
            </div>
    	    <div class="ui-block-b form_padding">
    	        <input type="text" name="textinput" id="von" value=""  /></div>
    	    <div class="ui-block-a form_padding">
    	        <label for="textinput">Ziel:</label>
            </div>
    	    <div class="ui-block-b form_padding">
    	        <input type="text" name="textinput" id="nach" value=""  />
            </div>
    	    <div class="ui-block-a form_padding">
    	        <label for="textinput">Kilometer laut GMaps:</label>
            </div>
    	    <div class="ui-block-b form_padding">
    	        <input type="text" name="textinput" id="kommentar" value=""  />
            </div>
            <div class="ui-block-a form_padding">
              <button data-icon="delete">Abbrechen</button>
            </div>
            <div class="ui-block-b form_padding">
              <button data-icon="plus">Hinzufügen</button>
            </div>
  	    </div>
        	
      	</div>
	</div>
	<div data-role="footer">
		<h4>Kilometerpauschale</h4>
	</div>
</div>

</body>
</html>